<!DOCTYPE html>
<html>
<head>
    <title></title>
	<link href="../bootstrap/css/bootstrap.css" rel="stylesheet" media="screen">
  <link href="../css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
<!--xlj:背景透明,字体白色,表单样式,输入框背景-->
<style>
body{
  background: rgba(0,0,0,0); font-family: 幼圆;
}
.xljform{
  background: rgba(255,255,255,0.3);position:relative;top:10px;width:500px;left: 120px;border-radius: 0 0 20px 20px;
}
.blocktop{
  background: rgba(255,255,255,0.5);border-radius: 20px 20px 0 0;position:relative;top:10px;width:500px;height:40px;left: 120px;margin-bottom: 15px;
  text-align: center;
}

</style>
</head>


<body>
<div class="container" style="position:relative;left:-40px;">
    <form action="" class="form-horizontal" id="yzk_state_search">
        <div class="blocktop">
           <h3 style="color:white;position:relative;top:8px;" >预制卡状态查询</h3>
        </div>
        <div class="xljform" style="padding:20px;">
          <div class="row" align="center">
            <div class="col-sm-12" >
                <label class="control-label" style="color:white">请选择开始时间:</label>
                <br><br>
                <div class="controls input-append date form_datetime" data-date="2014-08-10T05:25:07Z" data-date-format="yyyy-mm-dd HH:ii:ss" data-link-field="dtp_input1">
                    <input class="form-control" size="5" type="text" value="" readonly id="startDate" style="width:250px;">
                    <span class="add-on"><i class="icon
                        -remove"></i></span>
				    	  <span class="add-on"><i class="icon-th"></i></span>
                </div>
				        <input type="hidden" id="dtp_input1" value="" /><br/>
            </div>
          </div>
         
          <div class="row" align="center">
            <div class="col-sm-12">
                <label class="control-label" style="color:white">请选择结束时间:</label>
                <br><br>
                <div class="controls input-append date form_datetime" data-date="2014-08-10T05:25:07Z" data-date-format="yyyy-mm-dd HH:ii:ss" data-link-field="dtp_input1">
                    <input class="form-control" size="5" type="text" value="" readonly  id="endDate" style="width:250px;">
                    <span class="add-on"><i class="icon-remove"></i></span>
                    <span class="add-on"><i class="icon-th"></i></span>
                </div>
                <input type="hidden" id="dtp_input1" value="" /><br/>
            </div>
            <br><br><br><br><br><br>
            <div class="row">
		       	  <div class="col-sm-12" align="center">
                 <button type="button" class="btn btn-info" id="yzk_state_btn">查询</button>
              </div>
            </div>
          </div>
        </div>
    </form>
    <br> <br> <br> <br> <br> <br> <br>
    <!-- Table -->
            <div class="row">
              <div class="col-md-12">
                <table class="table" id="yzkztcx_table_id">
                  <thead>
                    <tr>
                      <th style="text-align:center" width="10%">会员卡卡号</th>
                      <th align="center" width="10%"> 
                           <div align="center">
                               <select name="herolist" value="会员卡状态" class="select-block" id="hykztcx_status_id">
                                 <option value="0">已发</option>
                                 <option value="1">未发</option>
                
                               </select>
                          </div>
                    </th>
                      <th style="text-align:center" width="10%">制卡人</th>
                      <th style="text-align:center" width="10%">制卡时间</th>
                      <th style="text-align:center" width="10%">发卡人</th>
                      <th style="text-align:center" width="10%">发卡时间</th>
                      <th style="text-align:center" width="30%">操作</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr style="text-align:center" id="template_yzkztcx_table_id">
                      <th style="text-align:center" id="template_yzkztcx_table_strMembershipCardId"></th>
                      <th style="text-align:center" id="template_yzkztcx_table_bCardCondition"></th>
                      <th style="text-align:center" id="template_yzkztcx_table_strCardMaker"></th>
                      <th style="text-align:center" id="template_yzkztcx_table_dtCardMakeTime"></th>
                      <th style="text-align:center" id="template_yzkztcx_table_strCardSender"></th>
                      <th style="text-align:center" id="template_yzkztcx_table_dtCardSendTime"></th>
                      <th style="text-align:center" id="template_yzkztcx_table_operate"></th>
                    </tr>
                    
                  </tbody>
                </table>
              </div>
            </div>
          </div>
          <!-- xlj:预制卡状态查询End-->
</div>
<script type="text/javascript" src="../jquery/jquery-1.8.3.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="../bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script type="text/javascript" src="../js/locales/bootstrap-datetimepicker.fr.js" charset="UTF-8"></script>
<script type="text/javascript" src="../js/henryzhaojs/sjglzx.js"></script>
<script type="text/javascript">
    $('.form_datetime').datetimepicker({
        //language:  'fr',
        weekStart: 1,
        todayBtn:  1,
		autoclose: 1,
		todayHighlight: 1,
		startView: 2,
		forceParse: 0,
        showMeridian: 1
    });
	$('.form_date').datetimepicker({
        language:  'fr',
        weekStart: 1,
        todayBtn:  1,
		autoclose: 1,
		todayHighlight: 1,
		startView: 2,
		minView: 2,
		forceParse: 0
    });
	$('.form_time').datetimepicker({
        language:  'fr',
        weekStart: 1,
        todayBtn:  1,
		autoclose: 1,
		todayHighlight: 1,
		startView: 1,
		minView: 0,
		maxView: 1,
		forceParse: 0
    });
</script>

</body>
</html>